﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>微会议（活动）</title>

<link rel="stylesheet" href="../components/lib/bootstrap.min.css" />
<link rel="stylesheet" href="../components/lib/fontawesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="../components/lib/toastr.min.css" />
<link rel="stylesheet" href="../components/lib/style.css" />

<link rel="stylesheet" type="text/css" href="styles/style.css" />
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
</head>
<body>

    <div id="loading" class="loading"><img src="../components/images/loading.gif"></div>

    <div id="main" style="display:none">
        <script class="controller" type="text/html">
    <div class="spinner">
     <div class="cube1"></div>
     <div class="cube2"></div>
    </div>
    <div id="wrapper" style="display:none">
     <div class="scroller">
      <div id="section-sumary" style="display:none">
       <h1>
        <div>
         <%=conferenceInfo.conferenceName%>
        </div>
        <span><%==conferenceInfo.summary%></span>
       </h1>

       <div class="quick-sign">
        <div>
          <%if (isApplied){%>
          <a class="btn btn-info btn-lg" href="javascript:;">您已报名</a>
          <%}else{%>
          <a class="btn btn-success btn-lg" onclick="controller.openApplication();return false;">点击报名</a>
          <%}%>
        </div>
        <div>
         <span class="place">地址：<%=conferenceInfo.address%></span>
         <span class="time">日期：<%=conferenceInfo.duration%></span>
        </div>
        
       </div>
       
      </div>
      <div id="section-description" style="display:none">
       <div class="title">
        <h2><%=conferenceInfo.conferenceName%></h2>
       </div>
       <div id="description-content">
          <%==conferenceInfo.introduction%>
       </div>
      </div>
      
      <div id="section-calendar" style="display:none">
       <div class="inner status2">
        <table id="calendar">
         <thead>
          <tr class="mobile">
           <th colspan="2">
            <div>
             <div>
              <%==conferenceInfo.agendaTitle%>
             </div>
            </div></th>
          </tr>
         </thead>
         <tbody>
          <%for (var i = 0; i < conferenceInfo.agendaList.length; i++) {
            var agenda = conferenceInfo.agendaList[i];%>
          <tr>
           <td class="left"><%=agenda.dateTime%></td>
           <td class="right"><h5><%=agenda.title%></h5>
            <div>
             <div>
              <strong><%=agenda.summary%></strong>
             </div>
            </div></td>
          </tr>
          <%}%>
         </tbody>
        </table>
       </div>
      </div>
      <div id="section-guests" style="display:none">
       <h4><%==conferenceInfo.guestTitle%></h4>
       <ul class="guests slim">
       <%
       for (var i = 0; i < conferenceInfo.guestList.length; i++) {
            var guest = conferenceInfo.guestList[i];
            if (guest.picUrl){%>
          <li><img src="<%=guest.picUrl%>" class="guest-avatar" />
         <div class="guest-about">
          <strong class="guest-info"><%=guest.displayName%></strong>
          <span class="guest-title"><%=guest.position%></span>
         </div></li>
       <%}}%>
       </ul>
       <%
       for (var i = 0; i < conferenceInfo.guestList.length; i++) {
            var guest = conferenceInfo.guestList[i];
            if (!guest.picUrl){%>
          <div class="ll">
            <h5><%=guest.displayName%><span><%=guest.position%></span></h5>
          </div>
       <%}}%>

      </div>
      <div id="section-place" style="display:none">
       <div class="inner">
        <h4><%=conferenceInfo.conferenceName%></h4>
        <div id="about-place">
         <div class="summary-place-about">
          <p><%=conferenceInfo.address%></p>
         </div>
         <div class="summary-place-eat">
          <div style="width:80%;height:300px;margin: 0 0 10px 30px;" id="placecontainer">
          <iframe style="width:100%;height:100%;background-color:#ffffff;margin-bottom:15px;" scrolling="auto" frameborder="0" width="100%" height="100%" src="http://map.baidu.com/mobile/webapp/place/list/qt=s&amp;wd=<%=conferenceInfo.address%>/vt=map"></iframe>
          </div>
         </div>
        </div>
       </div>
      </div>
      <div id="section-contact" style="display:none">
       <ul>
        <li></li>
       </ul>
      </div>
      <div id="section-share" style="display:none">
       <div class="pop-share"></div>
      </div>
     </div>
    </div>
    <div class="swiper-container" style="display:none;">
     <div class="pagination"></div>
     <div class="swiper-wrapper">
      <div class="swiper-slide">
       <div class="swiper-item" attr="section-sumary" effect="bounceIn">
        <div class="swiper-item-name">
         报名
        </div>
        <div class="swiper-item-line"></div>
        <div class="icon-style-2">
         <i class="fa fa-home fa-2x"></i>
        </div>
       </div>
      </div>
      <div class="swiper-slide">
       <div class="swiper-item" attr="section-description" effect="bounceIn">
        <div class="swiper-item-name">
         介绍
        </div>
        <div class="swiper-item-line"></div>
        <div class="icon-style-1">
         <i class="fa fa-bullhorn fa-2x"></i>
        </div>
       </div>
      </div>
      <%if (conferenceInfo.isAgenda){%>
      <div class="swiper-slide">
       <div class="swiper-item" attr="section-calendar" effect="fadeInDownBig">
        <div class="swiper-item-name">
         日程
        </div>
        <div class="swiper-item-line"></div>
        <div class="icon-style-7">
         <i class="fa fa-calendar fa-2x"></i>
        </div>
       </div>
      </div>
      <%}%>
      <%if (conferenceInfo.isGuest){%>
      <div class="swiper-slide">
       <div class="swiper-item" attr="section-guests" effect="bounceInRight">
        <div class="swiper-item-name">
         嘉宾
        </div>
        <div class="swiper-item-line"></div>
        <div class="icon-style-10">
         <i class="fa fa-user fa-2x"></i>
        </div>
       </div>
      </div>
      <%}%>
      <div class="swiper-slide">
       <div class="swiper-item" attr="section-place" effect="bounceInLeft">
        <div class="swiper-item-name">
         地点
        </div>
        <div class="swiper-item-line"></div>
        <div class="icon-style-6">
         <i class="fa fa-dot-circle-o fa-2x"></i>
        </div>
       </div>
      </div>
      <div class="swiper-slide">
       <div class="swiper-item" attr="section-share" effect="fadeIn">
        <div class="swiper-item-bg"></div>
        <div class="swiper-item-name">
         分享
        </div>
        <div class="swiper-item-line"></div>
        <div class="icon-style-4">
         <i class="fa fa-share-square fa-2x"></i>
        </div>
       </div>
      </div>
     </div>
    </div>
    <div class="icontips" style="display:none;">
     <span class="fa-stack"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-angle-left fa-stack-1x fa-inverse"></i></span>
    </div> 

        </script>
    </div>

</body>
</html>

<script src="../components/lib/jquery-1.11.0.min.js"></script>
<script src="../components/lib/bootstrap.min.js"></script>
<script src="../components/lib/json2.js"></script>
<script src="../components/lib/template.js"></script>
<script src="../components/lib/toastr.min.js"></script>
<script src="../components/lib/notifyService.js"></script>
<script src="../components/lib/utilService.js"></script>

<script src="scripts/service.js"></script>
<script src="scripts/controller.js"></script>

<script class="controller" type="text/html"><script src="scripts/script.js"></script></script>